<template>
  <z-rate v-model:value="value" :tooltips="desc" />
  <span class="ant-rate-text">{{ desc[value - 1] }}</span>
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'RateDemo3',
  setup(){
    const value = ref(3)
    const desc = ref(['terrible', 'bad', 'normal', 'good', 'wonderful'])
    return {
      value,
      desc
    }
  }
})
</script>
